<template>
  <svg
    width="280"
    height="180"
    viewBox="0 0 280 180"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="280" height="180" fill="var(--el-fill-color-light)" />
    <g filter="url(#filter0_d_13099_176887)">
      <rect
        x="42"
        y="42"
        width="76"
        height="96"
        rx="2"
        fill="var(--el-bg-color-overlay)"
      />
      <rect
        x="41.7"
        y="41.7"
        width="76.6"
        height="96.6"
        rx="2.3"
        stroke="var(--el-border-color-dark)"
        stroke-width="0.6"
      />
    </g>
    <path
      d="M42 44C42 42.8954 42.8954 42 44 42L116 42C117.105 42 118 42.8954 118 44V54L42 54V44Z"
      fill="var(--el-border-color-light)"
    />
    <rect
      x="50"
      y="47"
      width="12"
      height="2"
      rx="1"
      fill="var(--el-border-color-dark)"
    />
    <rect
      x="50"
      y="62"
      width="40"
      height="4"
      rx="2"
      fill="var(--el-border-color-dark)"
    />
    <rect
      x="50"
      y="82"
      width="40"
      height="4"
      rx="2"
      fill="var(--el-border-color-dark)"
    />
    <rect
      x="50"
      y="102"
      width="40"
      height="4"
      rx="2"
      fill="var(--el-border-color-dark)"
    />
    <rect
      x="50"
      y="122"
      width="40"
      height="4"
      rx="2"
      fill="var(--el-border-color-dark)"
    />
    <g filter="url(#filter1_d_13099_176887)">
      <rect
        x="162"
        y="42"
        width="76"
        height="96"
        rx="2"
        fill="var(--el-bg-color-overlay)"
      />
      <rect
        x="161.7"
        y="41.7"
        width="76.6"
        height="96.6"
        rx="2.3"
        stroke="var(--el-border-color-dark)"
        stroke-width="0.6"
      />
    </g>
    <path
      d="M162 44C162 42.8954 162.895 42 164 42L236 42C237.105 42 238 42.8954 238 44V54L162 54V44Z"
      fill="var(--el-border-color-light)"
    />
    <rect
      x="170"
      y="47"
      width="12"
      height="2"
      rx="1"
      fill="var(--el-border-color-dark)"
    />
    <rect
      x="170"
      y="62"
      width="40"
      height="4"
      rx="2"
      fill="var(--el-border-color-dark)"
    />
    <rect
      x="170"
      y="82"
      width="40"
      height="4"
      rx="2"
      fill="var(--el-border-color-dark)"
    />
    <rect
      x="170"
      y="102"
      width="40"
      height="4"
      rx="2"
      fill="var(--el-border-color-dark)"
    />
    <rect
      x="170"
      y="122"
      width="40"
      height="4"
      rx="2"
      fill="var(--el-border-color-dark)"
    />
    <g filter="url(#filter2_d_13099_176887)">
      <rect
        x="134"
        y="74"
        width="12"
        height="12"
        rx="2"
        fill="var(--el-color-primary)"
      />
    </g>
    <path
      d="M139 78C139.667 78.6666 141 80 141 80L139 82.0002"
      stroke="white"
      stroke-width="0.6"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <g filter="url(#filter3_d_13099_176887)">
      <rect
        x="146"
        y="106"
        width="12"
        height="12"
        rx="2"
        transform="rotate(-180 146 106)"
        fill="var(--el-color-primary)"
      />
    </g>
    <path
      d="M141 102C140.333 101.333 139 100 139 100L141 97.9998"
      stroke="white"
      stroke-width="0.6"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
    <defs>
      <filter
        id="filter0_d_13099_176887"
        x="28.0667"
        y="28.0671"
        width="103.867"
        height="123.866"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="6.66667" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13099_176887"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13099_176887"
          result="shape"
        />
      </filter>
      <filter
        id="filter1_d_13099_176887"
        x="148.067"
        y="28.0671"
        width="103.867"
        height="123.866"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="6.66667" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13099_176887"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13099_176887"
          result="shape"
        />
      </filter>
      <filter
        id="filter2_d_13099_176887"
        x="126"
        y="66"
        width="28"
        height="28"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.25098 0 0 0 0 0.619608 0 0 0 0 1 0 0 0 0.3 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13099_176887"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13099_176887"
          result="shape"
        />
      </filter>
      <filter
        id="filter3_d_13099_176887"
        x="126"
        y="86"
        width="28"
        height="28"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.25098 0 0 0 0 0.619608 0 0 0 0 1 0 0 0 0.3 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_13099_176887"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_13099_176887"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
</template>
